<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北京大学</title>
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<div class='heade'>
			<!-- 顶部开始 -->
			<div class="content">
				<ul class="contentL">
					<li>学生</li>
					<li>教职工</li>
					<li>校友</li>
					<li>访客</li>
					<li>招聘</li>
					<li>捐赠</li>
				</ul>
				<ul class="contentR">
					<li>门户</li>
					<li>网络</li>
					<li>邮箱</li>
					<li>图书馆</li>
					<li>医学部</li>
					<li>领导信箱</li>
					<li>English</li>
				</ul>
				
			</div>
			<!-- <div class='clear'></div> -->
		</div>
		<!-- log开始 -->
		<div class="log">
			<div class="logo">
				<img src="./images/logo.png" alt="">
			</div>
		</div>
		<!-- log结束 -->
		<!-- 导航开始 -->
		<div class="nav">
			<ul class="navC">
				<li>
					<a href="" class="beida">北大概况</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav1.jpg" alt="">
								<div class="subnavsize">
									<p>北大是常为新的，<br>改进的运动的先锋，<br>要使中国向着好的，<br>往上的道路走。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">北大简介</a>
									</li>
									<li>
										<a href="">现任领导</a>
									</li>
									<li>
										<a href="">历任领导</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">组织机构</a>
									</li>
									<li>
										<a href="">历史名人</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">信息公开</a>
									</li>
									<li>
										<a href="">绿色校园</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">招生与资助</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav2.jpg" alt="">
								<div class="subnavsize">
									<p>燕园画卷美不胜收，<br>恰似你将要留在这里的青春年华。<br><br>北京大学欢迎你！</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">本科生</a>
									</li>
									<li>
										<a href="">研究生</a>
									</li>
									<li>
										<a href="">留学生</a>
									</li>
									<li>
										<a href="">继续教育</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">本科生奖助</a>
									</li>
									<li>
										<a href="">研究生奖助</a>
									</li>
									<li>
										<a href="">学生资助中心</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">暑期学校</a>
									</li>
									<li>
										<a href="">国际暑期学校</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">学部与院系</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav3.jpg" alt="">
								<div class="subnavsize">
									<p>勤奋、严谨、求实、创新。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">工学部</a>
									</li>
									<li>
										<a href="">信息与工程科学部</a>
									</li>
									<li>
										<a href="">深圳研究生院</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">人文学部</a>
									</li>
									<li>
										<a href="">社会科学学部</a>
									</li>
									<li>
										<a href="">经济与管理学部</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">医学部</a>
									</li>
									<li>
										<a href="">跨学科类</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">教育教学</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav4.jpg" alt="">
								<div class="subnavsize">
									<p>思想自由、兼容并包。<br><br>教育应指导社会，而非追逐社会。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">师资队伍</a>
									</li>
									<li>
										<a href="">本科生教育</a>
									</li>
									<li>
										<a href="">研究生教育</a>
									</li>
									<li>
										<a href="">留学生教育</a>
									</li>
									<li>
										<a href="">继续教育</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">课程设置</a>
									</li>
									<li>
										<a href="">海外学习</a>
									</li>
									<li>
										<a href="">小班课教学</a>
									</li>
									<li>
										<a href="">本科全英文授课</a>
									</li>
									<li>
										<a href="">课表查询</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">慕课</a>
									</li>
									<li>
										<a href="">教学网</a>
									</li>
									<li>
										<a href="">公开课</a>
									</li>
									<li>
										<a href="">证书验证</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">科学研究</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav5.jpg" alt="">
								<div class="subnavsize">
									<p>博学之，审问之，<br>慎思之，明辨之，笃行之。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">自然科学</a>
									</li>
									<li>
										<a href="">人文社科</a>
									</li>
									<li>
										<a href="">考学研</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">科研成果</a>
									</li>
									<li>
										<a href="">科研机构</a>
									</li>
									<li>
										<a href="">学术期刊</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">管理部门</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">合作交流</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav6.jpg" alt="">
								<div class="subnavsize">
									<p>志于道，据于德，<br>依于仁，游于艺。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">合作概览</a>
									</li>
									<li>
										<a href="">内地合作</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">国际交流</a>
									</li>
									<li>
										<a href="">港澳台交流</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">孔子学院</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="" class="beida">校园生活</a>
					<div class="subnav">
						<div class="subnavC">
							<div class="subnavCL">
								<img src="./images/subnav7.jpg" alt="">
								<div class="subnavsize">
									<p>秋冬春夏，<br>伴随着四时的运行，<br>青春和燕园融为一体，<br>北大成为永恒。</p>
								</div>
							</div>
							<div class="subnavCR">
								<ul class="subnavlist">
									<li>
										<a href="">艺术与文化</a>
									</li>
									<li>
										<a href="">体育与健康</a>
									</li>
									<li>
										<a href="">学生社团</a>
									</li>
									<li>
										<a href="">教工社团</a>
									</li>
								</ul>
								<ul class="subnavlistC">
									<li>
										<a href="">志愿公益</a>
									</li>
									<li>
										<a href="">校忠档案</a>
									</li>
									<li>
										<a href="">会议讲座</a>
									</li>
									<li>
										<a href="">电影演出</a>
									</li>
								</ul>
								<ul class="subnavlistR">
									<li>
										<a href="">管理服务</a>
									</li>
									<li>
										<a href="">后勤服务</a>
									</li>
									<li>
										<a href="">观光访问</a>
									</li>
									<li>
										<a href="">校历</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<!-- 导航结束 -->
		<!-- 顶部结束 -->
		<!-- 轮播图开始 -->
		<div class="lunbo">
			<ul class="lunbotu">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div class="circular">
				<ul class='cir'>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		<!-- 轮播图结束 -->
		<!-- 新闻开始 -->
		<div class="news">
			<div class="newT">
				<h4>北大要闻</h4>
			</div>
			<div class="newBL">
				<img src="./images/new1.jpg" alt="">
				<p>北京大学春季学期线上开课</p>
			</div>
			<div class="newBR">
				<div class="pageT">
				<ul class="newSL">
					<li>
						<a href="">
							<p>北大英雄，榜上有名！北京大学援鄂国家医疗队离汉抵京</p>
						</a>
					</li>
					<li>
						<a href="">
							<p>北京大学举行清明哀悼活动</p>
						</a>
					</li>
					<li>
						<a href="">
							<p>社会学系组织开展学习习近平总书记回信精神专题活动</p>
						</a>
					</li>
					<li>
						<a href="">
							<p>北京大学校务数据服务平台开通试运营</p>
						</a>
					</li>
				</ul>
				<ul class="newSR">
					<li>
						<a href="">
							<P>北京大学召开近期工作部署会</P>
						</a>
					</li>
					<li>
						<a href="">
							<p>分享中国经验 北大推出阿拉伯文版抗疫文献</p>
						</a>
					</li>
					<li>
						<a href="">
							<p>云思政|“一线聚焦”微观察（第二辑）：透过抗疫，读懂中国制度优劣</p>
						</a>
					</li>
					<li>
						<a href="">
							<p>战“疫”故事|江泽如：连上北大VPN，哪里都是实验室</p>
						</a>
					</li>
				</ul>
				</div>
				<div class="pageB">
					<span>今天<b>&nbsp1&nbsp</b>条新通知</span>
					<span>进图新闻网</span>
				</div>
			</div>
		</div>
		<!-- 新闻结束 -->
		<!-- 教学科研开始 -->
		<div class="science">
			<div class="start">
				<div class="startL">
				<div class="startLF">
					<h4>科学教研</h4>
					<div class="startB">
						<div class="startBL">
							<img src="./images/science1.jpg" alt="">
						</div>
						<div class="startBR">
							<P class="sizet">信息学院电子学系陈清教授课题组在湿法化学刻蚀研究中取得重要进展</P>
							<P class="sizeb">课题组借助自主研发的单面刻蚀工艺（用来制备原位研究用的样品）和原位液体透射电子显微学方法，在透射电镜中原位实时研究了氧化锌纳米带的（000-1）氧面在电子束辐照下的水中的湿法化学刻蚀过程。与此同时，课题组还在原位液体电镜实验中观察到湿法化学刻蚀的微掩膜.</P>
						</div>
					</div>
				</div>
				<!-- 媒体北大 -->
				<div class="media">
					<h4>媒体北大</h4>
					<div class="mediaB">
						<ul class="mediaBT">
							<li>中央电视台</li>
							<a href="">
								<p>北京大学支援湖北医疗队今日撤离武汉</p>
							</a>
						</ul>
						<ul class="mediaBB">
							<li>人民日报</li>
							<a href="">
								<p>北大原创MV：最美的相约</p>
							</a>
						</ul>
					</div>
				</div>
				<!-- 通知公告 -->
				<div class="notice">
					<div class="noticeT">
						<ul class="noticeC">
							<li>通知公告</li>
							<li>北大声明</li>
						</ul>
					</div>
					<div class="noticeB">
						<ul class="noticeBL">
							<li>
								<div class="noticeBLM">
									<span>03-05 .</span>
									<span>2020</span>
								</div>
								<div class="noticeBLR">
									<p>关于“北京大学书画艺术研究院”有关情况的声明</p>
								</div>
							</li>
							<li>
								<div class="noticeBLM">
									<span>02-09 .</span>
									<span>2020</span>
								</div>
								<div class="noticeBLR">
									<p>北京大学疫情防控期间在线教学服务保障在线工作联系方式</p>
								</div>
							</li>
							<li>
								<div class="noticeBLM">
									<span>01-19 .</span>
									<span>2020</span>
								</div>
								<div class="noticeBLR">
									<p>关于为全校提供桌面视频会议的服务通知</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				</div>
				<div class="startR">
					<ul class="startlist">
						<li>
							<div class="schoolT">
								<a href="">
									<img src="./images/websitepoto2.svg" alt="" class="schoolL">
								</a>
								<a href="">
									<p>初心·使命</p>
								</a>
							</div>
							<div class="schoolR">
								<div class="schoolRB">柴生芳：用忠诚热血诠释使命担当</div>
							</div>
						</li>
						<li>
							<div class="schoolT">
								<a href="">
									<img src="./images/websitepoto3.svg" alt="" class="schoolL">
								</a>
								<a href="">
									<p>菁菁校园</p>
								</a>
							</div>
							<div class="schoolR">
								<div class="schoolRB">让青春在党和人民最需要的地方绽放绚丽之花——多地北大青年“同升国旗，共学回信”</div>
							</div>
						</li>
						<li>
							<div class="schoolT">
								<a href="">
									<img src="./images/websitepoto4.svg" alt="" class="schoolL">
								</a>
								<a href="">
									<p>北大史苑</p>
								</a>
							</div>
							<div class="schoolR">
								<div class="schoolRB">刘思职（1904—1983）福建仙游人</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 教学科研结束 -->
		<!-- 专业网站列表开始 -->
		<div class="list">
			<div class="listpoto">
				<ul class="website">
					<li>
						<a href="">
							<img src="./images/websitepoto1.svg" alt="" class="websitepoto">
						</a>
						<a href="">
							<p>专题网站</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="./images/list1.jpg" alt="">
							<div class="websitebox">“不忘初心，牢记使命”主题</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="./images/list2.jpg" alt="">
							<div class="websitebox">众志成城 抗击疫情</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="./images/list3.jpg" alt="">
							<div class="websitebox">这里视北大</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="./images/list4.jpg" alt="">
							<div class="websitebox">新时代 新青年</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="./images/list5.jpg" alt="">
							<div class="websitebox">思政热点面对面</div>
						</a>
					</li>
				</ul>
				<ul class="listT">
					<li>
						<img src="./images/list6.jpg" alt="">
						<div class="box">
							<img src="./images/ico1.png" alt="">
							<a href="">信息公开</a>
						</div> 
					</li>
					<li>
						<img src="./images/list7.jpg" alt="">
						<div class="box1">
							<img src="./images/ico2.png" alt="">
							<a href="">党代表热线</a>
						</div>
					</li>
					<li>
						<img src="./images/list8.jpg" alt="">
						<div class="box2">
							<img src="./images/ico3.png" alt="">
							<a href="">校园地图</a>
						</div>
					</li>
					<li>
						<img src="./images/list9.jpg" alt="">
						<div class="box3">
							<img src="./images/ico4.png" alt="">
							<a href="">图书馆</a>
						</div>
					</li>
				</ul>
				<ul class="listB">
					<li>
						<img src="./images/list10.jpg" alt="">
						<div class="box4">
							<img src="./images/ico5.png" alt="">
							<a href="">慕&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课</a>
						</div>
					</li>
					<li>
						<img src="./images/list11.jpg" alt="">
						<div class="box5">
							<img src="./images/ico6.png" alt="">
							<a href="">校内门户</a>
						</div>
					</li>
					<li>
						<img src="./images/list12.jpg" alt="">
						<div class="box6">
							<img src="./images/ico7.png" alt="">
							<a href="">未名BBS</a>
						</div>
					</li>
					<li>
						<img src="./images/list13.jpg" alt="">
						<div class="box7">
							<img src="./images/ioc8.png" alt="">
							<a href="">相关链接</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 专业网站列表结束 -->
		<!-- 底部开始 -->
		<div class="footer">
			<ul class="footbox">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="footerB">
			<div class="footerC">
			<ul class="footerS">
				<li>
					<span>版权所有@北京大学</span>
				</li>
				<li>
					<span>地址：北京市海淀区颐和园路5号</span>
				</li>
				<li>
					<span>邮编：100871</span>
				</li>
				<li>
					<span>邮箱：webmaster@pku.edu.cn</span>
				</li>
				<li>
					<span>京ICP备05065075号-1</span>
				</li>
				<li>
					<span>京公网安备 110402430047 号</span>
				</li>
			</ul>
			</div>
		</div>
		<!-- 底部结束 -->
	</body>
</html>
